<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_1.html"; ?>

<!-- service-con -->

<div class="service-con cont">
	<div class="step">
		<ol class="step1">
			<li class="s1">
				<div><em>01 STEP</em><strong>정보입력</strong></div>
			</li>
			<li class="s2 on">
				<div><em>02 STEP</em><strong>입력확인</strong><span>현재상태</span></div>
			</li>
			<li class="s3">
				<div><em>03 STEP</em><strong>실행완료</strong></div>
			</li>
		</ol>
	</div>
	<form action="">
		<fieldset>
			<legend>step2.입력확인</legend>
			<div class="tit-gp clearfix">
				<h3 class="tit-type2"><span>이체정보입력확인</span></h3>
			</div>
			<table cellspacing="0" summary="이체금액, 이체일자, 출금통장표시내용 및 수수료, CMS 코드, 입금통장표시내용, 이체정보입력확인 " class="tbl-type2">
				<caption>이체정보입력확인</caption>
				<colgroup>
					<col style="width:auto;" /><col span="3" style="width:25%;" />
				</colgroup>
				<thead>
					<tr class="first">
						<th class="first" id="accountOut">출금계좌번호</th>
						<th id="transAmount">이체금액</th>
						<th id="transDate">이체일자</th>
						<th id="markOut">출금통장표시내용</th>
					</tr>
					<tr>
						<th id="accountIn">입금계좌번호</th>
						<th id="fee">수수료</th>
						<th id="codeCMS">CMS코드</th>
						<th id="markIn">입금통장표시내용</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="first" headers="accountOut">000-00-000000-0<br />(예금주 : 홍길동)</td>
						<td class="txt-r" headers="transAmount">000원</td>
						<td headers="transDate">YYYY.MM.DD</td>
						<td headers="markOut">아무개</td>
					</tr>
					<tr>
						<td class="first" headers="accountIn">[OO은행] 000-00-0000-0<br />(예금주 : 김부산)</td>
						<td class="txt-r" headers="fee">0원</td>
						<td headers="codeCMS">00000000</td>
						<td headers="markIn">잘받았니</td>
					</tr>
				</tbody>
			</table>
			<!-- 보안정보 입력 -->
			<div class="tit-gp clearfix">
				<h3 class="tit-type2"><span>보안정보입력</span></h3>
			</div>
			<table cellspacing="0" summary="계좌비밀번호, 이체비밀번호, 보안카드번호 정보입력" class="tbl-type1">
				<caption>보안정보입력</caption>
				<colgroup>
					<col style="width:25%;" /><col style="width:auto;" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first"><span class="asterisk">필수항목</span><label for="pwAccount">계좌비밀번호</label></th>
						<td class="first"><input type="password" title="계좌비밀번호" class="input" maxlength="4" size="5"id="pwAccount" /><p class="value-txt ml10">4자리, 3회이상 오류입력시 서비스가 제한됩니다.</p></td>
					</tr>
					<tr>
						<th scope="row"><span class="asterisk">필수항목</span><label for="pwTrans">이체비밀번호</label></th>
						<td><input type="password" title="이체비밀번호" class="input" maxlength="8" size="9"id="pwTrans" /><p class="value-txt ml10">6~8자리, 3회이상 오류입력시 서비스가 제한됩니다. </p></td>
					</tr>
					<!-- 보안카드 정보입력 -->
					<tr>
						<th scope="row"><span class="asterisk">필수항목</span>보안카드번호</th>
						<td>
							<div class="clearfix">
								<div class="security-left">
									<p class="value-txt mb10">영업점에서 발급받은 보안카드의 번호를 입력하시기 바랍니다.</p>
									<p class="securitypw">
										<label for="securityPw1"><strong>[05]</strong> 보안카드 번호 <strong>앞</strong> 2자리 입력</label>
										<input type="password" maxlength="2" size="3" class="security-card-first-input txt-c" id="securityPw1" name="securitypw1" />
										<span class="password-dot mr2">&nbsp;</span><span class="password-dot">&nbsp;</span>
										<label for="securityPw2"><strong>[18]</strong> 보안카드 번호 <strong>뒤</strong> 2자리 입력</label>
										<span class="password-dot ml7 mr2">&nbsp;</span><span class="password-dot">&nbsp;</span>
										<input type="password" maxlength="2" size="3" class="security-card-first-input txt-c" id="securityPw2" name="securitypw2" />
										<label for="securityPass1" class="pmouse"><input type="checkbox" id="securityPass1" title="마우스로 입력" value="" /> 마우스로 입력</label>
									</p>
								</div>
								<div class="security-right">
									<!-- <span class="security-card-box num">&nbsp;</span> -->
									<!-- 초기 등록시에만 노출
									<div class="posi_serial">보안카드일련번호</div> -->
									<!-- //초기 등록시에만 노출 -->
									<div class="posi-num" id="num1"><input type="password" title="1번째 숫자" class="input" maxlength="2" id="inputNum1" name="inputNum1" /></div>
									<div class="posi-num" id="num2"><input type="password" title="2번째 숫자" class="input" maxlength="2" id="inputNum2" name="inputNum2" /></div>
									<div class="posi-num" id="num3"><input type="password" title="3번째 숫자" class="input" maxlength="2" id="inputNum3" name="inputNum3" /></div>
									<div class="posi-num" id="num4"><input type="password" title="4번째 숫자" class="input" maxlength="2" id="inputNum4" name="inputNum4" /></div>
									<div class="posi-num front" id="num5"><input type="password" title="보안카드 5번째 앞 2자리 숫자 암호 입력" class="input" maxlength="2" id="securityc1" name="securityc1" readonly="readonly" /></div>
									<div class="posi-num" id="num6"><input type="password" title="6번째 숫자" class="input" maxlength="2" id="inputNum6" name="inputNum6" /></div>
									<div class="posi-num" id="num7"><input type="password" title="7번째 숫자" class="input" maxlength="2" id="inputNum7" name="inputNum7" /></div>
									<div class="posi-num" id="num8"><input type="password" title="8번째 숫자" class="input" maxlength="2" id="inputNum8" name="inputNum8" /></div>
									<div class="posi-num" id="num9"><input type="password" title="9번째 숫자" class="input" maxlength="2" id="inputNum9" name="inputNum9" /></div>
									<div class="posi-num" id="num10"><input type="password" title="10번째 숫자" class="input" maxlength="2" id="inputNum10" name="inputNum10" /></div>
									<div class="posi-num" id="num11"><input type="password" title="11번째 숫자" class="input" maxlength="2" id="inputNum11" name="inputNum11" /></div>
									<div class="posi-num" id="num12"><input type="password" title="12번째 숫자" class="input" maxlength="2" id="inputNum12" name="inputNum12" /></div>
									<div class="posi-num" id="num13"><input type="password" title="13번째 숫자" class="input" maxlength="2" id="inputNum13" name="inputNum13" /></div>
									<div class="posi-num" id="num14"><input type="password" title="14번째 숫자" class="input" maxlength="2" id="inputNum14" name="inputNum14" /></div>
									<div class="posi-num" id="num15"><input type="password" title="15번째 숫자" class="input" maxlength="2" id="inputNum15" name="inputNum15" /></div>
									<div class="posi-num" id="num16"><input type="password" title="16번째 숫자" class="input" maxlength="2" id="inputNum16" name="inputNum16" /></div>
									<div class="posi-num" id="num17"><input type="password" title="17번째 숫자" class="input" maxlength="2" id="inputNum17" name="inputNum17" /></div>
									<div class="posi-num back" id="num18"><input type="password" title="보안카드 18번째 뒤 2자리 숫자 암호 입력" class="input" maxlength="2" id="inputNum18" name="inputNum18" readonly="readonly"  /></div>
									<div class="posi-num" id="num19"><input type="password" title="19번째 숫자" class="input" maxlength="2" id="inputNum19" name="inputNum19" /></div>
									<div class="posi-num" id="num20"><input type="password" title="20번째 숫자" class="input" maxlength="2" id="inputNum20" name="inputNum20" /></div>
									<div class="posi-num" id="num21"><input type="password" title="21번째 숫자" class="input" maxlength="2" id="inputNum21" name="inputNum21" /></div>
									<div class="posi-num" id="num22"><input type="password" title="22번째 숫자" class="input" maxlength="2" id="inputNum22" name="inputNum22" /></div>
									<div class="posi-num" id="num23"><input type="password" title="23번째 숫자" class="input" maxlength="2" id="inputNum23" name="inputNum23"/></div>
									<div class="posi-num" id="num24"><input type="password" title="24번째 숫자" class="input" maxlength="2" id="inputNum24" name="inputNum24" /></div>
									<div class="posi-num" id="num25"><input type="password" title="25번째 숫자" class="input" maxlength="2" id="inputNum25" name="inputNum25" /></div>
									<div class="posi-num" id="num26"><input type="password" title="26번째 숫자" class="input" maxlength="2" id="inputNum26" name="inputNum26" /></div>
									<div class="posi-num" id="num27"><input type="password" title="27번째 숫자" class="input" maxlength="2" id="inputNum27" name="inputNum27" /></div>
									<div class="posi-num" id="num28"><input type="password" title="28번째 숫자" class="input" maxlength="2" id="inputNum28" name="inputNum28" /></div>
									<div class="posi-num" id="num29"><input type="password" title="29번째 숫자" class="input" maxlength="2" id="inputNum29" name="inputNum29" /></div>
									<div class="posi-num" id="num30"><input type="password" title="30번째 숫자" class="input" maxlength="2" id="inputNum30" name="inputNum30" /></div>
								</div>
							</div>
						</td>
					</tr>
					<!-- //보안카드 정보입력 -->
					<!-- OTP비밀번호 정보입력시 노출 -->
					<tr>
						<th scope="row"><span class="asterisk">필수항목</span><label for="otpPw">OTP비밀번호</label></th>
						<td>
							<input type="password" title="OTP비밀번호" class="input" maxlength="8" size="9"id="otpPw" /><p class="value-txt ml10">8자리, 10회이상 오류입력시 서비스가 제한됩니다.</p>
							<div class="otp-card mt20">
								<img src="/_pilot/img/etc/plt/security_otp.gif" alt="OTP카드 입력 예시" />
								<ul class="txt-type2">
									<li>본 화면은 고객님의 이해를 돕기위한 입력예화면입니다.</li>
									<li>고객님께서 보유하고 계시는 OTP의 해당번호를 입력해 주시기 바랍니다.</li>
								</ul>
							</div>
						</td>
					</tr>
					<!-- //OTP비밀번호 정보입력시 노출  -->
				</tbody>
			</table>
			<!-- //보안정보 입력 -->
			<!-- 버튼 -->
			<div class="align-r mt20">
				<span class="btn-pack btn-type-2c"><button type="button">이체실행</button></span>
				<span class="btn-pack btn-type-2"><button type="button">취소</button></span>
			</div>
		</fieldset>
	</form>
</div>
<!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_2.html"; ?>